<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/login.css">
    <link rel="stylesheet" href="../css/scheduledTask/allPlan.css">
    <link rel="stylesheet" href="../css/scheduledTask/allData.css">
    <link rel="stylesheet" href="../css/management/organization.css">
    <link rel="stylesheet" href="../css/management/jurisdiction.css">
    <link rel="stylesheet" href="../css/scheduledTask/allData.css">
    <script src="../js/jquery.js"></script>
</head>

<body>
    <header>
        <nav>
            <h1>渔业资源管理系统</h1>
            <ul>
                <li><a href="../GIS.html">GIS控制台</a></li>
                <li><a href="../scheduledTask/allPlan.html">计划任务管理</a></li>
                <li><a href="../producter/producter.html">生产主体库</a></li>
                <li><a href="../nameManage.html">命名管理</a></li>
                <li><a href="../baseInfo/administration.html">基础信息管理</a></li>
                <li><a href="./organization.html">系统管理</a></li>
            </ul>
            <div id="userInfo">
                <img src="" alt="">
                <p>区级信息员:<span>admin</span><i class="iconfont">&#xe600</i></p>
                <ul>
                    <li>个人信息</li>
                    <li>修改头像</li>
                    <li>修改密码</li>
                    <li>切换到种植系统</li>
                    <li>退出</li>
                    <li>清楚系统缓存</li>
                </ul>
            </div>
        </nav>
    </header>

    <main>
        <div class="mainLeftWeaper">
            <div class="mainLeft">
                <p>
                    <a href="./organization.html" class="plan-all iconfont">
                        <i>&#xe74c</i>
                        <span>组织机构</span>
                    </a>
                </p>
                <p class="data-center">
                    <a href="./jurisdiction.html" class="plan-all iconfont">
                        <i>&#xe7e8</i>
                        <span>角色权限</span>
                    </a>
                </p>
                <p class="data-center">
                    <a  href="./userControl.html" class="plan-all iconfont">
                        <i>&#xe601</i>
                        <span>用户管理</span>
                    </a>
                </p>
                <p class="data-center">
                    <a href="./registerPass.html" class="plan-all iconfont">
                        <i>&#xe611</i>
                        <span>注册申请审核</span>
                    </a>
                </p>
            </div>
        </div>
        <div class="mainRightWeaper">
            <div class="mainRight">
                <p id="top-place-show" class="top">
                    <span>渔业资源管理系统</span>
                    <i>/</i>
                    <span>系统管理</span>
                    <i>/</i>
                    <span>角色权限</span>
                </p>
                <form class="find-plan">
                    <p class="input-style">
                        <span>角色名称</span>
                        <input id="jur-name" type="text">
                        <i>0/10</i>
                    </p>
                  
                    <div>
                        <button class="btn-style" type="button">查询</button>
                        <button class="btn-style" type="reset">重置</button>
                    </div>
                </form>
                <div class="tableWeaper">
                <div class="table-right">
                    <table>
                        <thead>
                            <tr>
                               
                                <td>角色编号</td>
                                <td>角色名称</td>
                                <td>创建时间</td>
                                <td>创建人</td>
                                <td>有效</td>
                                <td>角色描述</td>
                                <td>
                                    <button class="btn-style-blue">
                                       + 新建
                                    </button>
                                </td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>XTGLY</td>
                                <td>系统管理员</td>
                                <td>2021-08-05 01:51:00
                                </td>
                                <td>admin</td>
                                <td>√</td>
                                <td>系统管理员</td>
                                <td>
                                    <button>
                                        修改
                                    </button>
                                    <button>
                                        删除
                                    </button>
                                </td>
                            </tr>
                           
                        </tbody>
                    </table>
                    <div class="skipWeaper">
                        <div class="skip-style">
                            <span>共10条</span>
                            <select name="" id="">
                                <option value="">5条/页</option>
                                <option value="">10条/页</option>
                                <option value="">20条/页</option>
                                <option value="">30条/页</option>
                                <option value="">40条/页</option>
                            </select>
                            <img src="../img/loginImg/toBottm.png" alt="">
                            <ul>
                                <li><</li>
                                <li>1</li>
                                <li>2</li>
                                <li>></li>
                            </ul>
                            <span>
                                前往
                                <input type="text" value="1">
                                页
                            </span>
                        </div>
                    </div>
                </div>
                </div>
            </div>
        </div>

    </main>
    <script src="../js/public.js"></script>
    <script src="../js/scheduledTask/allData.js"></script>
    <script src="../js/management/jurisdiction.js"></script>
</body>

</html>